@use './custom';
@use './font';
@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body {
  width: 100%;
  min-width: $body-min-width;
  height: 100%;
  padding: 0;
  margin: 0;
  // overflow-y: hidden;
  font-size: $font-size-base;

  &::-webkit-scrollbar {
    height: 8px;
  }
}

h1,
h2,
h3 {
  margin: 0;
}

h1 {
  font-size: $font-size-xl;
  line-height: $text-line-height-xl;
}

h2 {
  font-size: $font-size-l;
  line-height: $text-line-height-l;
}

h3 {
  font-size: $font-size-base;
  line-height: $text-line-height-base;
}

p {
  margin: 0;
}
